import React from 'react';
import Table from './table';

export const TableStory = () => {
  const columns = [
    {
      title: 'ИМЯ',
      dataIndex: 'fullName',
      key: 'fullName',
      width: '33.3%',
      sorter: () => {},
    },
    {
      title: 'E-MAIL',
      dataIndex: 'email',
      key: 'email',
      width: '28.4%',
    },
    {
      title: 'РОЛЬ',
      dataIndex: 'role',
      key: 'role',
      width: '28.8%',
    },
  ];
  const fakeUsers = [
    {
      id: 0,
      fullName: 'иванов иван иванович',
      email: 'ivanov.i.i@sberbank.ru',
      role: 'регистратор',
    },
    {
      id: 1,
      fullName: 'петров роман владимирович',
      email: 'petrov.r.v@sberbank.ru',
      role: 'регистратор',
      color: 'fff',
    },
    {
      id: 2,
      fullName: 'кононенко александра константиновна',
      email: 'kononenko.a.k@sberbank.ru',
      role: 'Администратор АС',
    },
    {
      id: 3,
      fullName: 'петров роман владимирович',
      email: 'petrov.r.v@sberbank.ru',
      role: 'Администратор АС',
    },
  ];

  return (
    <Table columns={columns} tableContent={fakeUsers}/>
  )
}